.new-users {
    .head {
        background: #fff;

        .user-card {
            position: relative;
            width: 100%;
            padding: 35rpx 0 70rpx;
            //background: linear-gradient(90deg, #EB3C3C 0%, #FF5D43 100%);
            background: linear-gradient(180.00deg, #0093ff 0%, #81ceff 100%);
            .bg {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-image: url('~@/static/images/user_bg.png');
                background-size: 100% 100%;
            }

            .user-info {
                z-index: 20;
                position: relative;
                display: flex;
                padding: 0 28rpx;

                .avatar {
                    width: 120rpx;
                    height: 120rpx;
                    border-radius: 50%;
                }

                .info {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    margin-left: 20rpx;
                    padding: 15rpx 0;

                    .name {
                        display: flex;
                        align-items: center;
                        color: #fff;
                        font-size: 31rpx;

                        .vip {
                            display: flex;
                            align-items: center;
                            height: 36rpx;
                            padding: 0 20rpx;
                            background: rgba(0, 0, 0, 0.2);
                            border-radius: 18px;
                            font-size: 20rpx;
                            margin-left: 12rpx;

                            image {
                                width: 27rpx;
                                height: 27rpx;
                            }
                        }
                    }

                    .num {
                        display: flex;
                        align-items: center;
                        font-size: 26rpx;
                        color: rgba(255, 255, 255, 0.6);

                        image {
                            width: 22rpx;
                            height: 23rpx;
                            margin-left: 20rpx;
                        }
                    }
                }
            }

            .num-wrapper {
                z-index: 30;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 30rpx;
                // padding: 0 47rpx;
                color: #fff;

                .num-item {
                    width: 25%;
                    text-align: center;

                    .num {
                        font-size: 42rpx;
                        font-weight: bold;
                    }

                    .txt {
                        margin-top: 8rpx;
                        font-size: 22rpx;
                        color: rgba(255, 255, 255, 0.6);
                    }
                }
            }

            .sign {
                z-index: 200;
                position: absolute;
                right: -12rpx;
                top: 80rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 120rpx;
                height: 60rpx;
                background: linear-gradient(90deg, rgba(255, 225, 87, 1) 0%, rgba(238, 193, 15, 1) 100%);
                border-radius: 29rpx 4rpx 4rpx 29rpx;
                color: #282828;
                font-size: 28rpx;
                font-weight: bold;
            }
        }
    }

    .wrapper {
        position: relative;
        top: -44rpx;
        padding: 0 20rpx;
    }

    .order-wrapper {
        background-color: #fff;
        border-radius: 12rpx;

        .order-hd {
            height: 80rpx;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px dashed #DDDDDD;
            padding: 0 30rpx;
            font-size: 30rpx;
            color: #282828;

            .right {
                align-items: center;
                color: #666666;
                font-size: 26rpx;

                .icon-xiangyou {
                    margin-left: 5rpx;
                    margin-top: 6rpx;
                    font-size: 26rpx;
                }
            }
        }

        .order-bd {
            display: flex;

            // padding: 0 24rpx;
            .order-item {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 20%;
                height: 160rpx;

                .pic {
                    position: relative;
                    text-align: center;

                    image {
                        width: 56rpx;
                        height: 56rpx;
                    }
                }

                .txt {
                    margin-top: 15rpx;
                    font-size: 26rpx;
                    color: #454545;
                }
            }
        }
    }

    .slider-wrapper {
        margin: 20rpx 0;
        height: 130rpx;

        swiper,
        swiper-item {
            height: 100%;
        }

        image {
            width: 100%;
            height: 130rpx;
        }
    }

    .user-menus {
        padding-bottom: 30rpx;
        background-color: #fff;

        .title {
            height: 80rpx;
            line-height: 80rpx;
            padding: 0 30rpx;
            border-bottom: 1px dashed #DDDDDD;
        }

        .item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            width: 25%;
            line-height: 28rpx;
            height: 90rpx;
            margin-top: 30rpx;
            text-align: center;

            .item-count {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
            }

            .service-icon {
				width:39rpx;
				height:42rpx;
            }

            text {
                margin-top: 10rpx;
                font-size: 26rpx;
                color: #282828;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                width: 78%;
            }

            &:last-child::before {
                display: none;
            }
        }

        button {
            font-size: 28rpx;
        }
    }

    .phone {
        color: #fff;
    }

    .order-status-num {
        min-width: 12rpx;
        background-color: #fff;
        color: #ee5a52;
        border-radius: 15px;
        position: absolute;
        right: -14rpx;
        top: -15rpx;
        font-size: 20rpx;
        padding: 0 8rpx;
        border: 1px solid #ee5a52;
    }
}

.copy-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #CCCCCC;
    font-size: 22rpx;

    .iconfont {
        font-size: 60rpx;
    }
}

.menu-box {
    display: flex;
    flex-wrap: wrap;
}

.right-btn {
    z-index: 99;
    position: absolute;
    right: 30rpx;
    top: 40rpx;
    display: flex;
    align-items: center;
    color: #fff;

    .iconfont {
        font-size: 40rpx;
        margin-left: 33rpx;
    }

    .btn {
        position: relative;
    }

    .iconnum {
        min-width: 6px;
        background-color: #fff;
        color: $theme-color;
        border-radius: 15rpx;
        position: absolute;
        right: -10rpx;
        top: -10rpx;
        font-size: 10px;
        padding: 0 4px;
    }
}